<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>艾沃</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../../../css/common.css" stylesheet" />
		<link rel="stylesheet" href="../../css/public.css">
		<link rel="stylesheet" href="../../../../css/style.css" stylesheet" />
		<link rel="stylesheet" href="../phoneLogin/css/index.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
	</head>
	<body id="app">
		<div class="mui-content">
			<div class="main">
				<div class="welcome">
					<span>绑定手机号码</span>
				</div>
				<div class="policyPre">
					<span>依《网络安全法》相关要求, 首次使用微信授权登录请绑
						定手机号码</span>

				</div>
				<div class="form">
					<div class="mui-input-group">
						<div class="mui-input-row flex flexcenter border">
							<img class="phone" src="../../../../images/login/icon_login_phone.png">
							<input type="text" class="mui-input-clear" placeholder="请输入你的手机号">
						</div>
						<div class="mui-input-row flex flexcenter">
							<!-- 	<label>密码：</label> -->
							<img class="capture" src="../../../../images/login/icon_login_message.png">
							<input type="text" placeholder="请输入短信验证码" class="width">
							<span class="getCapture time active" id="getCaptureFn">获取验证码</span>
						</div>
					</div>
				</div>
				<div class="btn">
					<button type="button" class="mui-btn login flexallCenter">立即登录</button>
				</div>
			</div>
			<img class="bg_login" src="../../../../images/login/icon_login_bg.png">
		</div>
	</body>
	<script src="../../../../js/mui.min.js"></script>
	<script src="../../../../js/jquery-3.4.1.min.js"></script>
	<script src="../../../../js/util.js"></script>
	<script src="../../../../js/resize.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(function($) {
			obj.setRem()
			// 窗口调节
			$(window).resize(function() {
				obj.setRem()
			});
			let check;
			mui("#input_example input").each(function() {
				//若当前input为空，则alert提醒 
				if (!this.value || this.value.trim() == "") {
					var label = this.previousElementSibling;
					mui.alert(label.innerText + "不允许为空");
					check = false;
					return false;
				}
			}); //校验通过，继续执行业务逻辑 
			if (check) {
				mui.alert('验证通过!')
			}
			// 验证码函数
			$(function() {
				$.getCaptureFn();
			})
			// // 文档一加载就执行
			// $(document).ready(function() {
			// 	obj.setRem()
			// })
			// // 窗口调节
			// $(window).resize(function() {
			// 	obj.setRem()
			// });
			// 获取视图原始高度
			let screenHeight = document.body.offsetHeight
			// 为window绑定resize事件
			window.onresize = function() {
				let nowHeight = document.body.offsetHeight
				if (nowHeight < screenHeight) {
					// 将底部弹起的按钮隐藏（可使用给按钮添加相应消失类）
					//	alert('弹起')
					$('.bg_login').css('display', 'none');
				} else {
					// 将按钮正常显示（可使用给按钮移除相应消失类）
					$('.bg_login').css('display', 'block');
				}
			}
			// 立即登录
			$('.login').click(function(){
				window.location.href = '../../../home/index.html'
			})
		})
	</script>
</html>
